<style>
  input{
    width: 60%;height: 50px;
    margin-left: 20%;
    border: 2px solid #6ab7ad;
    background-color:#f7f7f7;
    border-radius:5px;
    text-indent:2em;
  }
  .cover {
    position:fixed; top: 0px; right:0px; bottom:0px;filter: alpha(opacity=60); background-color: #777;
    z-index: 1002; left: 0px;display: none;
    opacity:0.5; -moz-opacity:0.5;text-align: center;
  }
</style>
<body style="background-color:#f7f7f7;">

<div class="row">
  <div class="col-md-12" style="height: 100px;">

  </div>
</div>

<div class="row">
  <div class="col-md-6 col-md-offset-3">
    <div style="text-align: center; font-size: 24px;color: #6ab7ad;font-weight:600;">
      <span>妇女儿童素养工程计划</span>
      <br>
      <span>管理员登入</span>
      <br>
      <br>
    </div>
  </div>
</div>

<div class="row">
  <div class="col-md-6 col-md-offset-3">
    <form role="form" class="form-horizontal" novalidate>
      <input type="text"  placeholder="输入管理员姓名" name="login_name" id="login_name" required data-validation-required-message="用户名不能为空!">
      <br><br><br>
      <input type="password" placeholder="输入密码" name="password" id="password" required data-validation-required-message="密码不能为空!">
      <br><br><br>
      <button class="btn btn-block"  style="width: 60%;height: 50px;margin-left: 20%;color: white;background-color: #6ab7ad;">
      登&nbsp;&nbsp;&nbsp;录
      </button>
    </form>
  </div>
</div>
<div id="cover" class="cover">
  <img style="padding-top: 280px;" src="/images/loading.gif" />
</div>

</body>